<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Home+</title>
    <link rel="stylesheet" href="css/home.css">
</head>
<body>
    <div class="header">
        <img  class="header-image" src="images/logo.png" alt="">
    </div>
    <div class="header-down">
      <div class="header-down-center">
         <div class="header-left">
           <a class="location-first" href="#"><img src="images/location.png" alt=""></a>
           <a class="location-second" href="#">深圳</a>
           <a class="location-third" href="#"><切换></a>
         </div>
         <div class="header-mid">
           <ul>
               <li><a href="#">首页</a></li>
               <li><a href="#">咨询</a></li>
               <li><a href="#">测评</a></li>
               <li><a href="#">商城</a></li>
           </ul>
         </div>
         <div class="header-right">
          <li><a href="#"><img src="images/adm.png" alt=""></a></li>
          <li><a href="#">个人中心</a></li>
         </div>
      </div>
    </div>
    <div class="header-title">
       <p>首页 > 预防装修污染 > 材料库</p>
    </div>
    <div class="text-list">
        <div class="first-ul">
            <ul>
                <li>类别</li>
                <li>全部</li>
                <li>地板</li>
                <li>涂料</li>
                <li>墙纸</li>
                <li>瓷砖</li>
                <li>粘胶剂</li>
                <li>油漆</li>
                <li>家具</li>
                <li>板材</li>
                <li>饰品</li>
                <li><img src="images/indexSelect.png" alt=""></li>
            </ul>
        </div>
        <div class="second-ul">
            <ul>
                <li>类型</li>
                <li>全部</li>
             </ul>
        </div>
        <div class="third-ul">
            <ul>
                <li>材质</li>
                <li>全部</li>
                <li>实木</li>
                <li>复合</li>
                <li>强化</li>
                <li>其他</li>
            </ul>
        </div>
        <div class="fourth-ul">
            <ul>
                <li>品牌</li>
                <li>全部</li>
                <li>圣象</li>
                <li>大自然</li>
                <li>生活家</li>
                <li>北美风情</li>
                <li>德尔</li>
                <li>博典</li>
                <li>船王</li>
             </ul>
        </div>
    </div>
    <div class="serach">
      <div class="serach-left">
        <ul>
            <li>发布时间<span><img src="images/downicon.png" alt=""></span></li>
            <li>价格<span><img src="images/upicon.png" alt=""></span></li>
            <li>环保节能<span><img src="images/upicon.png" alt=""></span></li>
        </ul>
      </div>
      <div class="serach-mid">
        <input type="text">
        <a href="#"><span></span>搜索</a>
      </div>
      <div class="serach-right">
        <span></span>
        <p>了解家居医生建材环保评级标准</p>
      </div>
    </div>
    <div class="goods-list">
      <div class="list-first">
        <ul>
            <li><img src="images/data_image.png" alt=""></li>
            <li><p>德尔   都市系列3001</p></li>
            <li><p>木地板 - 复合地板</p></li>
            <li><p>单价： 128/m^2</p></li>
            <li><p>环保评级：B（可以使用）</p></li>
        </ul>
      </div>
      <div class="list-second">
        <ul>
            <li><img src="images/data_image.png" alt=""></li>
            <li><p>德尔   都市系列3001</p></li>
            <li><p>木地板 - 复合地板</p></li>
            <li><p>单价： 128/m^2</p></li>
            <li><p>环保评级：B（可以使用）</p></li>
        </ul>
      </div>
      <div class="list-third">
        <ul>
            <li><img src="images/data_image.png" alt=""></li>
            <li><p>德尔   都市系列3001</p></li>
            <li><p>木地板 - 复合地板</p></li>
            <li><p>单价： 128/m^2</p></li>
            <li><p>环保评级：B（可以使用）</p></li>
        </ul>
      </div>
      <div class="list-fourth">
        <ul>
            <li><img src="images/data_image.png" alt=""></li>
            <li><p>德尔   都市系列3001</p></li>
            <li><p>木地板 - 复合地板</p></li>
            <li><p>单价： 128/m^2</p></li>
            <li><p>环保评级：B（可以使用）</p></li>
        </ul>
      </div>
      <div class="list-fivth">
        <ul>
            <li><img src="images/data_image.png" alt=""></li>
            <li><p>德尔   都市系列3001</p></li>
            <li><p>木地板 - 复合地板</p></li>
            <li><p>单价： 128/m^2</p></li>
            <li><p>环保评级：B（可以使用）</p></li>
        </ul>
      </div>
      <div class="list-sixth">
        <ul>
            <li><img src="images/data_image.png" alt=""></li>
            <li><p>德尔   都市系列3001</p></li>
            <li><p>木地板 - 复合地板</p></li>
            <li><p>单价： 128/m^2</p></li>
            <li><p>环保评级：B（可以使用）</p></li>
        </ul>
      </div>
      <div class="list-seventh">
        <ul>
            <li><img src="images/data_image.png" alt=""></li>
            <li><p>德尔   都市系列3001</p></li>
            <li><p>木地板 - 复合地板</p></li>
            <li><p>单价： 128/m^2</p></li>
            <li><p>环保评级：B（可以使用）</p></li>
        </ul>
      </div>
      <div class="list-eighth">
        <ul>
            <li><img src="images/data_image.png" alt=""></li>
            <li><p>德尔   都市系列3001</p></li>
            <li><p>木地板 - 复合地板</p></li>
            <li><p>单价： 128/m^2</p></li>
            <li><p>环保评级：B（可以使用）</p></li>
        </ul>
      </div>      
    </div>
    <div class="page">
     <ul>
         <li><button>上一页</button></li>
         <li>
            <a href="#">1</a>
            <a href="#">2</a>
            <a href="#">3</a>
            <a href="#">4</a>
            <a href="#">5</a>
         </li>
         <li><button>下一页</button></li>
         <li>共有10页，去第 <input type="text"> 页</li>
         <li><button>确定</button></li>
     </ul>
    </div>
    <div class="footer-icon">
        <div class="icon-left">
          <img src="images/small_weixin.png" alt="">
        </div>
        <div class="icon-right">
        <ul>
            <li><p>建材检测 需求反馈</p></li>
            <li><p>亲爱的用户，我们正在不断的更新和完善我们的建材库，</p></li>
            <li><p>若没有找到您想要的材料信息，请将您想要的建材告诉我们。</p></li>
        </ul>
        </div>
    </div>
    <div class="footer">
      <div class="footer-top">
        <div class="top-left">
          <ul>
              <li><img src="images/footerLogo.png" alt=""></li>
              <li>为室内健康把好每一关</li>
              <li>家居医生致力于中国人的家居健康问题，通过专业的技术研究</li>
              <li>和测评，倾力协助大众打造绿色、环保的人居生活环境。</li>
          </ul>
        </div>
        <div class="top-mid">
            <div class="mid-left">
                <ul>
                    <li> <a href="#">关于我们</a></li>
                    <li> <a href="#">联系我们</a></li>
                    <li> <a href="#">加入我们</a></li>
                </ul>
            </div>
            <div class="mid-right">
                <ul>
                    <li><a href="#">版权说明</a></li>
                    <li><a href="#">用户隐私</a></li>
                    <li><a href="#">免费申明</a></li>
                </ul>
            </div>
        </div>
        <div class="top-right">
          <ul>
              <li><img src="images/weixin2.png" alt="">&nbsp;&nbsp;&nbsp;<a href="#">官方微信</a></li>
              <li><img src="images/tianmao.png" alt="">&nbsp;&nbsp;&nbsp;<a href="#">天猫旗舰店</a></li>
              <li><img src="images/shop.png" alt="">&nbsp;&nbsp;&nbsp;<a href="#">有赞商城</a></li>
          </ul>
        </div>
      </div>
      <div class="footer-mid">
       <span></span>
      </div>
      <div class="footer-bottom">
          <div class="bottom-left">
            <ul>
                <li>深圳科学研究院股份有限公司</li>
                <li>家居医生网</li>
            </ul>
          </div>
          <div class="bottom-right">
            <ul>
                <li>粤ICP备08011321号@CopyRight All Rights Reserved</li>
            </ul>
          </div>
      </div>
    </div>
</body>
</html>